<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>杭州常青树生物科技有限公司</title>
	<!-- css -->
<!--	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
	<link rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection" />
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/css/fancybox/jquery.fancybox.css" rel="stylesheet">
	<link href="assets/css/flexslider.css" rel="stylesheet" />
	<link href="assets/css/style.css" rel="stylesheet" />
 
	<style>
		.card-content p {
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		.card-content a {
			color: red;
		}

		.card-title {
			display: flex;
			justify-content: space-between;
			font-size: 20px;
		}
		.card-title>span:last-child {
			color: red;
		}

		@media screen and (max-width: 768px){

			.flex-caption {
				width: 80%;
			}
			.flex-caption p {
				font-size: 14px;
			}
			.flex-caption h2 {
				font-size: 20px;
			}
		}

		@media screen and (max-width: 640px){

			.flex-caption {
				width: 90%;
			}
			.flex-caption p {
				font-size: 14px;
			}
			.flex-caption h2 {
				font-size: 18px;
			}
		}

	</style>

</head>
<body>
<div id="wrapper" class="home-page"> 
	<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
					<a class="navbar-brand" href="index.html"><img alt="logo" src="assets/images/logo.png"><span>杭州常青树生物科技有限公司</span></a>
                </div>

                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li class="active"><a class="waves-effect waves-dark" href="index.html">首页</a></li>
<!--						<li class="dropdown">-->
<!--							<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">About Us <b class="caret"></b></a>-->
<!--							<ul class="dropdown-menu">-->
<!--								<li><a class="waves-effect waves-dark" href="about.html">Company</a></li>-->
<!--								<li><a class="waves-effect waves-dark" href="#">Our Team</a></li>-->
<!--								<li><a class="waves-effect waves-dark" href="#">News</a></li>-->
<!--								<li><a class="waves-effect waves-dark" href="#">Investors</a></li>-->
<!--							</ul>-->
<!--						</li>-->
<!--						<li><a class="waves-effect waves-dark" href="services.html">Services</a></li>-->
<!--                        <li><a class="waves-effect waves-dark" href="portfolio.html">Gallery</a></li>-->
<!--                        <li><a class="waves-effect waves-dark" href="pricing.html">Pricing</a></li>-->
                        <li><a class="waves-effect waves-dark" href="app_download.html">APP下载</a></li>
                    </ul>
                </div>
            </div>
        </div>
	</header>
	<!-- end header -->
	<section id="banner">
	 
	<!-- Slider -->
        <div id="main-slider" class="flexslider">
            <ul class="slides">
              <li>
                <img src="assets/img/slides/1.jpg" alt="" />
                <div class="flex-caption">
                    <h2>主营范围</h2>
					<p>销售健康农产品，生态食品等养生食品。致力于提供抗衰老，绿色养生产品、补充营养等，为亚健康、加班，出行，注重养生等消费者提供快捷的营养补充和养生方案。</p>
                </div>
              </li>
              <li>
                <img src="assets/img/slides/2.jpg" alt="" />
                <div class="flex-caption">
                    <h2>主营范围</h2>
					<p>销售健康农产品，生态食品等养生食品。致力于提供抗衰老，绿色养生产品、补充营养等，为亚健康、加班，出行，注重养生等消费者提供快捷的营养补充和养生方案。</p>
                </div>
              </li>
            </ul>
        </div>
	<!-- end slider --> 
	</section>

	<section class="dishes">
		<div class="container">
	 		<div class="row">
				<div class="col-md-12">
					<div class="aligncenter">
						<h2 class="aligncenter">商品展示</h2>
	<!--					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, <br/>doloribus omnis minus ovident, doloribus omnis minus temporibus perferendis nesciunt..</div>-->
						<br/>
					</div>
				</div>
				<div id="products-content"></div>
	
<!--				<div class="row service-v1 margin-bottom-40">-->
<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								<img class="img-responsive" src="assets/images/生鲜鸡.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>田舅爷-土鸡</span>-->
<!--									<span>358元/只</span>-->
<!--								</span>-->

<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									以生物活化养殖技术，原生态散养180天，纯粹跑出来的鸡肉！肉质劲道，皮脂少脂，汤味香浓。集生物活菌与鸡汤的精华，滋补汤中上品。<a href="product_detail.html?id=1">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								 <img class="img-responsive" src="assets/images/鸡汤.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>田舅爷-土鸡暖汤</span>-->
<!--									<span>39.8元/罐</span>-->
<!--								</span>-->
<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									精选肉质紧实土鸡，精心调配，用心烹制，味道鲜美。随时随地一拉即热。真空罐装封口，高温微波杀菌，零添加剂，放心方便。<a href="product_detail.html?id=2">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								 <img class="img-responsive" src="assets/images/家庭装鸡汤.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>田舅爷-土鸡暖汤家庭装</span>-->
<!--									<span>238.8元/箱</span>-->
<!--								</span>-->
<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									田舅舅爷土鸡暖汤家庭装，在原有的鸡汤基础上升级，精心调配，用心烹制，味道鲜美。更大分量，更多满足。全家人都能享受到健康美味的土鸡汤。<a href="product_detail.html?id=3">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->


<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								<img class="img-responsive" src="assets/images/鸡粥.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>田舅爷-土鸡暖粥</span>-->
<!--									<span>39.8元/罐</span>-->
<!--								</span>-->
<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									方便即食不负好时光！集健康、营养、便捷于一身。免煮即食好便利，随身携带充饥饱腹，不用下厨省时省力，随时补充能量。<a href="product_detail.html?id=4">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								<img class="img-responsive" src="assets/images/生鲜鸭.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>田舅爷-土鸭</span>-->
<!--									<span>358元/只</span>-->
<!--								</span>-->
<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									从源头确保肉质营养，体内富含生物活菌，高品质营养，肉质鲜嫩，原生态多重滋补。采用先封罐，后高温杀菌，无防腐剂。性价比高。<a href="product_detail.html?id=5">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								<img class="img-responsive" src="assets/images/鸭汤.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>田舅爷-老鸭暖汤</span>-->
<!--									<span>31元/罐</span>-->
<!--								</span>-->
<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									选肉质紧实土鸭，秘制调配，以经典食疗配方烹制而成。集健康、营养、便捷于一身。无明火，不伤食材，充分保留天然生态鸭肉鲜味和品质。<a href="product_detail.html?id=6">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="col-md-4 md-margin-bottom-40">-->
<!--						<div class="card small">-->
<!--							<div class="card-image">-->
<!--								<img class="img-responsive" src="assets/images/家庭装（鸭汤）.jpg" alt="">-->
<!--								<span class="card-title">-->
<!--									<span>老鸦暖汤家庭装</span>-->
<!--									<span>69元/袋</span>-->
<!--								</span>-->
<!--							</div>-->
<!--							<div class="card-content">-->
<!--								<p>-->
<!--									老鸦暖汤家庭装，在原有老鸦汤的基础上升级，更大分量，更多满足。全家人都能享受到健康美味的老鸭汤。<a href="product_detail.html?id=7">详情</a>-->
<!--								</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
				</div>
			</div>
		</div>
	</section>

	<section id="content"> 
	<div class="container">
	
		<section class="services">
	    	<div class="row">
				<div class="col-md-12">
					<div class="aligncenter">
						<h2 class="aligncenter">供应商-八方茂源集团</h2>
						八方茂源集团有限公司，坐落于美丽的海滨之城珠海，旗下拥有水云间、世康元、八方物流三家子公司。是集研发、生产、销售、物流、于一体的综合性大型民营企业。 <br/>
						公司创立以来，始终坚持原生态养殖，树立生态农业新标杆，打造AI智能时代新型行业。 <br/>
						集团从源头开始，致力于将人类聚餐食材回归原生态。
					</div>
				</div>
			</div>

<!--	 <div class="row">-->
<!--		<div class="col-sm-4 info-blocks"> -->
<!--			<i class="icon-info-blocks material-icons">track_changes</i>-->
<!--			<div class="info-blocks-in">-->
<!--				<h3>Coffee</h3>-->
<!--				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="col-sm-4 info-blocks">-->
<!--			<i class="icon-info-blocks material-icons">settings_input_svideo</i>-->
<!--			<div class="info-blocks-in">-->
<!--				<h3>Breakfast</h3>-->
<!--				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="col-sm-4 info-blocks">-->
<!--			<i class="icon-info-blocks material-icons">queue_music</i>-->
<!--			<div class="info-blocks-in">-->
<!--				<h3>Lunch</h3>-->
<!--				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--	<div class="row">-->
<!--		<div class="col-sm-4 info-blocks">-->
<!--			<i class="icon-info-blocks material-icons">my_location</i>-->
<!--			<div class="info-blocks-in">-->
<!--				<h3>Dinner</h3>-->
<!--				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="col-sm-4 info-blocks">-->
<!--			<i class="icon-info-blocks material-icons">shuffle</i>-->
<!--			<div class="info-blocks-in">-->
<!--				<h3>Parties</h3>-->
<!--				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="col-sm-4 info-blocks">-->
<!--			<i class="icon-info-blocks material-icons">tab_unselected</i>-->
<!--			<div class="info-blocks-in">-->
<!--				<h3>Events</h3>-->
<!--				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
		</section>
	</div>
	</section>
	
	<section class="section-padding gray-bg">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center">
						<h2>配送说明</h2>
<!--						<p>Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada Pellentesque <br>ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p>-->
					</div>
				</div>
			</div>
			<div class="row">
<!--				class="col-md-6 col-sm-6"-->
				<div >
					<div class="about-text">
<!--						<p>Grids is a responsive Multipurpose Template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p>-->
						<ul class="withArrow">
							<li><span class="fa fa-angle-right"></span>1、田舅爷默认中通快递，生鲜为顺丰快递，顺丰不到的地区暂不发货。</li>
							<li><span class="fa fa-angle-right"></span>2、到货时间为货物发出后24-72小时内，具体到货时间以快递时间为准。</li>
							<li><span class="fa fa-angle-right"></span>3、由于各地温度有所差别，生鲜会有些许软化或者化冻现象，但只要肉的温度是冰凉的，肉质就不会受到影响，可放心实用。</li>
							<li><span class="fa fa-angle-right"></span>4、辽宁、云南、山西、黑龙江、贵州、吉林、甘肃、青海、内蒙古、宁夏、新疆、西藏等地区不包邮，其余地区包邮；港澳台等偏远地区不发货。</li>
							<li><span class="fa fa-angle-right"></span>5、生鲜属于速冻食品、不支持退换货，有任何问题请联系客服。</li>
						</ul>
<!--						<a href="#" class="btn btn-primary waves-effect waves-dark">Learn More</a>-->
					</div>
				</div>
<!--				<div class="col-md-6 col-sm-6">-->
<!--					<div class="about-image">-->
<!--						<img src="img/about.jpg" alt="About Images">-->
<!--					</div>-->
<!--				</div>-->
			</div>
		</div>
	</section>
	
 
	<footer>
	<div class="container">
		<div class="row">
			<div class="col-lg-6git">
				<div class="widget">
					<h5 class="widgetheading">联系我们</h5>
					<p>
						浙江省杭州市西湖区文三路478号华星时代广场A座16层1602室，310012 <br>
						0571-89980007 <br>
					</p>
					<p><a href="privacy_policy.html" target="_blank">隐私政策</a></p>
				</div>
			</div>
<!--			<div class="col-lg-4">-->
<!--				<div class="widget">-->
<!--					<h5 class="widgetheading">Quick Links</h5>-->
<!--					<ul class="link-list">-->
<!--						<li><a class="waves-effect waves-dark" href="#">Latest Events</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Terms and conditions</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Privacy policy</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Career</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Contact us</a></li>-->
<!--					</ul>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-3">-->
<!--				<div class="widget">-->
<!--					<h5 class="widgetheading">Latest posts</h5>-->
<!--					<ul class="link-list">-->
<!--						<li><a class="waves-effect waves-dark" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Natus error sit voluptatem accusantium doloremque</a></li>-->
<!--					</ul>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-3">-->
<!--				<div class="widget">-->
<!--					<h5 class="widgetheading">Recent News</h5>-->
<!--					<ul class="link-list">-->
<!--						<li><a class="waves-effect waves-dark" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#">Natus error sit voluptatem accusantium doloremque</a></li>-->
<!--					</ul>-->
<!--				</div>-->
<!--			</div>-->
		</div>
	</div>
	<div id="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="copyright">
						<p>
							Copyright &copy; 2019 <a target="_blank" href="#">杭州常青树生物科技有限公司</a> All rights reserved.
							<a target="_blank" href="http://www.beian.miit.gov.cn">浙ICP备19049239号</a>
						</p>
					</div>
				</div>
<!--				<div class="col-lg-6">-->
<!--					<ul class="social-network">-->
<!--						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>-->
<!--						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>-->
<!--					</ul>-->
<!--				</div>-->
			</div>
		</div>
	</div>
	</footer>
</div>

<!-- go to top -->
<a href="#" class="scrollup waves-effect waves-dark"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/jquery.easing.1.3.js"></script>
	<script src="materialize/js/materialize.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/jquery.fancybox.pack.js"></script>
	<script src="assets/js/jquery.fancybox-media.js"></script>
	<script src="assets/js/jquery.flexslider.js"></script>
	<script src="assets/js/animate.js"></script>
	<!-- Vendor Scripts -->
	<script src="assets/js/modernizr.custom.js"></script>
	<script src="assets/js/jquery.isotope.min.js"></script>
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<script src="assets/js/animate.js"></script>
	<script src="assets/js/custom.js"></script>
	<script>
		
		window.onload = function () {
			$.getJSON("./pruducts.json",function (res) {
				// console.log(res)
				var html = '';

				for (var key in res) {
					const item = res[key];
					html += '<div class="col-md-4 md-margin-bottom-40">' +
								'<div class="card small">' +
									'<div class="card-image">' +
										'<img class="img-responsive" src="'+ item.icon +'" alt="">' +
										'<span class="card-title">' +
											'<span>'+ item.title +'</span>' +
											'<span>'+ item.price +'</span>' +
										'</span>' +
									'</div>' +
									'<div class="card-content">' +
										'<p>'+
											item.detail +
											'<a href="product_detail.html?id='+item.id+'">详情</a>' +
										'</p>' +
									'</div>' +
								'</div>' +
							'</div>';
					// console.log(item);

				}
				$('#products-content').append(html)
			});
		}
	</script>
</body>
</html>